<!--  -->
<template>
  <div id="login_logo" :style="{ background: this.backColor }">
    <img class="logo" :src="logoUrl" alt="" />
    <p class="logo_name">{{ logoName }}</p>
  </div>
</template>

<script>
export default {
  props: {
    backColor: {
      type: String,
      default: "transparent",
    },
  },
  data() {
    return {
      logoName: "生物数据中心后台",
      logoUrl: require("../../assets/image/logo.png"),
    };
  },
  components: {},
  computed: {},
  mounted() {},
  methods: {},
};
</script>
<style  scoped>
</style>